$(document).ready(function(){
	$("#btn-atacar").click(function(){
		$.ajax({
			url : './includes/startEvento.php',
			data : {//idEvento: $("#descripcionEvento").html(),
				tipo: 'ataque',
				tiempoNecesario: 0,
				nombreObjetivo: $("#input-nombre-victima").val(),
				troglodita: $("#Troglodita").val(),
				espadachin: $("#Espadachin").val(),
				tirachinas: $("#Tirachinas").val(),
				caballero: $("#Caballero").val(),
				arquero: $("#Arquero").val(),
				jinete: $("#Jinete").val(),
				mago: $("#Mago").val(),
				pinguino: $("#Pingüino").val()
			},
			global : false,
			type : "GET",
			dataType : "html",
			async : false,
			success: resultStartEvent
		});
	});
	
	function resultStartEvent(result){
		result=$.parseJSON(result);
		if(typeof result=="object"){
			if(result[0]=="Victoria" || result[0]=="Derrota"){
				alert("El resultado aparecerá en el buzón");
				var body="";
				body+="<h4>Atacante:</h4>";
				body+="<table class='reporte-ataque'>";
					body+="<tr>";
						body+="<td></td><td><b>Tropas atacantes</b></td><td><b>Tropas en restantes</b></td>";
					body+="</tr>";
					for(var nombreTropa in result[1]){
						body+="<tr>";
							body+="<td><b>"+nombreTropa+"</b></td><td>"+result[1][nombreTropa]+"</td><td>"+result[3][nombreTropa]+"</td>";
						body+="</tr>";
					}
				body+="</table></br>";
				body+="<h4>Defensor:</h4>";
				body+="<table>";
					body+="<tr>";
						body+="<td></td><td><b>Tropas atacantes</b></td><td><b>Tropas en restantes</b></td>";
					body+="</tr>";
					for(var nombreTropa in result[2]){
						body+="<tr>";
							body+="<td><b>"+nombreTropa+"</b></td><td>"+result[2][nombreTropa]+"</td><td>"+result[4][nombreTropa]+"</td>";
						body+="</tr>";
					}
				body+="</table></br>";
				var datos={
					nom_destinatario: "self",
					asunto: "Reporte de ataque",
					contenido: body
				}
				$.get("./main.php?page=9", datos);
				//----------
			}else alert(result[0]);
		}else alert("ERROR");
	}
});